<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style>
* { padding: 0; margin: 0; }

body {
  /*color: #7d7a7a;*/
  /*font-family: 'trebuchet ms', verdana, sans-serif;*/
  font-family: sans-serif;
}

div.page {
  margin:10mm;
  padding:10mm;
  border:0.5pt solid gray;
}
div.bgcolor {
  background-color:#e0e0e0;
  line-height:170%;
}
</style>
</head>

<body>
<div class="page">
<h2><a name="bgimages">Background color, text decoration, page border</a></h2>
<p>see more testcases with background images in <a href="image_variants.html">image_variants.html</a></p>

<div class="bgcolor">
</div>

<p>&nbsp;<p>

<p style="background:yellow; line-height:170%;">Text</p>
<p><a href="bgimages" style="background:yellow; line-height:170%;">Link</a></p>

<p>&nbsp;<p>

<div style="background-color:#e0e0e0;">
block
<span style="background-color:yellow;">inline</span>
block
_<u  style="background-color:yellow;">underline</u><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:underline;">underline style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:line-through;">line-through style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:overline;">overline style</span><span style="background-color:yellow;">x</span>
block
</div>

<p>&nbsp;<p>

<div style="font-size:200%; background-color:#e0e0e0;">
block
<span style="background-color:yellow;">inline</span>
block
_<u  style="background-color:yellow;">underline</u><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:underline;">underline style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:line-through;">line-through style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:overline;">overline style</span><span style="background-color:yellow;">x</span>
block
</div>

<p>&nbsp;<p>

<div style="font-family:times; background-color:#e0e0e0;">
block
<span style="background-color:yellow;">inline</span>
block
_<u  style="background-color:yellow;">underline</u><span style="background-color:yellow;">x</span> 
block
_<span style="background-color:yellow;text-decoration:underline;">underline style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:line-through;">line-through style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:overline;">overline style</span><span style="background-color:yellow;">x</span>
block
</div>

<p>&nbsp;<p>

<div style="font-family:times; font-size:200%; background-color:#e0e0e0;">
block
<span style="background-color:yellow;">inline</span>
block
_<u  style="background-color:yellow;">underline</u><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:underline;">underline style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:line-through;">line-through style</span><span style="background-color:yellow;">x</span>
block
_<span style="background-color:yellow;text-decoration:overline;">overline style</span><span style="background-color:yellow;">x</span>
block
</div>
<p>&nbsp;<p>

<div style="background-color:#e0e0e0;">
block
<span style="background-color:yellow;">inline</span>
<span style="background-color:yellow;text-decoration:underline;">
underline sdfjsfh sdfs sfd sf sf sdfsdfasf asdfasdfa asdfasdf asdf asdfas dfasdf afsafasf asdfasdasdf adfasfasdf
</span>
block
</div>

<p>&nbsp;<p>

<div style="background-color:#e0e0e0;font-family:serif;">
block
<span style="background-color:yellow;">inline</span>
block
<u  style="background-color:yellow;">underline</u>
block
<span style="background-color:yellow;text-decoration:underline;">underline style</span>
block
</div>

<p>&nbsp;<p>

<p>
<span>The PHP 5 HTML to PDF converter</span>
</p>

<p>Fill fill fill fill fill fill fill fill</p>
<p>Fill fill fill fill fill fill fill fill</p>
<p>Fill fill fill fill fill fill fill fill</p>
<p>Fill fill fill fill fill fill fill fill</p>
<p>Fill fill fill fill fill fill fill fill</p>
<p>Fill fill fill fill fill fill fill fill</p>
<p>Fill fill fill fill fill fill fill fill</p>
<div>
</body> </html>
